@layout("/common/_container.html"){
<link rel="stylesheet" href="${ctxPath}/static/layui/css/layui.css" media="all">
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>苹果账号管理</h5>
            </div>
            <div class="ibox-content">
                <div class="row row-lg">
                    <div class="col-sm-12">
                        <div style="flex-direction: row;display: flex;">
                            <div style="width: 100%;float: left">
                                <#button name="导入" icon="fa-plus" clickFun="AppleIds.openImportAppleIds()"/>
                            </div>

                            <div style="float: right;display: flex;flex-direction: row;">
                                <select id="type" style="margin-right: 20px;" onchange="AppleIds.selectType()">
                                    <option value="1">未使用账号</option>
                                    <option value="2">已使用账号</option>
                                    <option value="3">已封账号</option>
                                </select>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" id="month" placeholder="yyyy-MM">
                                </div>
                                <a style="color: #f1f1f1;
                                    align-content: center;
                                    background-color: #07a345;
                                    border: none;
								    line-height:30px;
								    text-align: center;
								    margin-left: 20px;
                                    width: 80px;
                                    height: 30px;" onclick="AppleIds.exportExcel()">导出</a>
                            </div>
                        </div>
                        <div class="layui-tab layui-tab-card" lay-filter="tabList">
                            <ul class="layui-tab-title">
                                <li class="layui-this">未使用账号</li>
                                <li>已使用账号</li>
                                <li>已封账号</li>
                            </ul>
                            <div class="layui-tab-content" style="height: 600px;">
                                <div class="layui-tab-item layui-show">
                                    <table class="layui-table-body"
                                           id="table" layout-filter="info2" style="margin-top: 10px;"></table>
                                </div>
                                <div class="layui-tab-item">
                                    <table class="layui-table-body"
                                           id="usedTable" layout-filter="info2" style="margin-top: 10px;"></table>
                                </div>
                                <div class="layui-tab-item">
                                    <table class="layui-table-body"
                                           id="closedTable" layout-filter="info2" style="margin-top: 10px;"></table>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/js/common/DateUtils.js" charset="utf-8"></script>
<script src="${ctxPath}/static/layui/layui.js"></script>
<script src="${ctxPath}/static/modular/apple_id_manage/appleIds/appleIds.js"></script>
<script>
    layui.use('laydate',function () {
        var laydate = layui.laydate;
        laydate.render({
            elem:'#month',
            type: 'month'
        });
    });
</script>
@}
